.inner-nav {
	position: fixed;
	top: 0; left: 50%;
	margin-left: -100px;
	z-index: 100; color: #ccc;
	height: 35px;
	line-height: 35px;
	width: 200px; text-align: center;
}
.inner-nav .nav-btn {
	color: #ccc; font-weight: normal;
	font-size: 11px;
	font-family: "Roboto Slab";
	text-transform: uppercase;
	cursor: pointer;
}
p.descript {
	width: 100%; max-width: 800px;
	height: 40px; line-height: 40px;
	margin: auto;
	font-family: "Roboto Slab";
	font-weight: 15px;
	background: #2C3E50; color: #f9f9f9;
	padding: 0 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.list-map > h2 {
	padding: 10px;
	border-top: 2px solid #D35400;
	margin: 20px 0 10px;
}
#list-map, #design-map {
	width: 100%;
	height: 400px;
	max-width: 800px;
	margin: auto;
}
.list-map .list li {
	width: 22%; background: #333;
	float: left; margin-right: 4%;
	height: 100px; position: relative;
	border-radius: 5px;
	border-bottom: 2px solid #000;
	margin-bottom: 20px;
}
.list-map .list li:nth-child(4n) {
	margin-right: 0;
}
@media (max-width: 850px) {
	.list-map .list li {
		width: 30%; margin-right: 5%;
	}
	.list-map .list li:nth-child(4n) {
		margin-right: 5%;
	}
	.list-map .list li:nth-child(3n) {
		margin-right: 0;
	}
}
@media (max-width: 600px) {
	.list-map .list li {
		width: 47.5%; margin-right: 5%;
	}
	.list-map .list li:nth-child(3n) {
		margin-right: 5%;
	}
	.list-map .list li:nth-child(2n) {
		margin-right: 0;
	}
}
@media (max-width: 350px) {
	.list-map .list li {
		width: 100%; margin-right: 0;
	}
}
.list-map .list li img {
	width: 100%; height: auto;
	max-width: 180px;
	display: block; opacity: 0.1;
	position: absolute;
	top: 50%; left: 50%;

	transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	
}
.list-map .list li .info {
	height: 100%; width: 100%;
	position: relative;
}
.list-map .list li .name {
	position: absolute;
	top: 50%; left: 0;
	margin: 0; padding: 3px;
	font-family: "Roboto Slab";
	font-size: 12px; line-height: 20px;
	text-align: center;
	/*background: rgba(0,0,0,.5);*/
	color: #fff; width: 100%;

	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);

}